$(function () {

    $(".toIndex").on('click', function () {
        location = "./index.html"
    })
    // var goodList=JSON.parse($.cookie("carts")||'[]')
    // console.log(goodList)
    // if(goodList!=null){
    //     console.log("111")
    //     $(".myCart .nothing").remove();

    //     $(".goodItem .gimg").attr("src","./images/cartPic/good1.jpg")
    //     // $(".myCart").append(`<div class='lineTab'></div>`)
    //     // $(".lineTab").append(`<input class='all' type="checkbox">全选 `)
    // }

    $.ajax({
        url: "./api/getcarts",
        data: {
            u_id: JSON.parse(localStorage.getItem("userinfo")).u_id
        }
    }).then(function (res) {
        // console.log(res.data)
        loadTab(res.data)
        loadAccount(res.data)
    })
    //加载表格数据
    function loadTab(arr) {
        var strHtml = "";
        arr.forEach((ele) => {
            strHtml += `
            <tr data-c_id=${ele.c_id}>
            <td><input type='checkbox' name='linecheck' id='single'></td>
            <td>
            <img src='${ele.p_img}'>
            <a class='pname'>${ele.p_name}<a></td>
            <td><span class='doll'>￥</span><span class=''>${ele.p_price}</span></td>
            <td><input class='pnum' value='${ele.p_num}'><p class='opt'><span class='add'>+</span><span class='dep'>-</span></p></td>
            <td><span class='ptotal'><span class='doll'>￥</span><span class='topriceNum'>${ele.p_total}</span></span></td>
            <td class='oprate'>
             <a href='javascript:void(0)' class='del'>删除</a>
             </br>
            <a href='javascript:void(0)'>移入收藏夹</a>
            </td>
            </tr>
            `
            // <span><a href='javascript:void(0)>移入收藏夹</a></span>
        })
        $("#tab").html(strHtml)
        var con = $("#tab tbody").text()
        var conLength = $("#tab tr")
        console.log(conLength)
        console.log(conLength.length)
        if (conLength.length == 0) {
            $(".cartthing thead").hide()
            $(".nothing").show()
        } else {
            $(".nothing").hide()

            $(".cartthing thead").show()


        }

        $("#single").on("click", function () {
            $(this).prop("checked")
            var num = $(this).parents("tr").find(".topriceNum").text()
            console.log($(this).parents("tr").find(".topriceNum").text())
            var pric = $(this).parents("tr").find(".pnum").val()
            console.log($(this).parents("tr").find(".pnum").val())

            var acount = num * pric
            $(".totalPrice").text('￥' + acount + '.00')
            $(".accountCon .price").show()
            $(".continue-shop .tomore").show()
            $(".toAccount").addClass("checked")
            //     // console.log(single)
            $(".toAccount").on("click",function(){
                layer.msg("准备好要付钱了哈")
            })

            if (!this.checked) {
                $(".totalPrice").text("0")
                $(".accountCon .price").hide()
                $(".toAccount").removeClass("checked")

                $(".continue-shop .tomore").hide()
            }
        })
    }

    // function loadAccount(arr) {
    var account = 0
    $("#all").click(function () {
        $("tbody :checkbox").prop("checked", $(this).prop("checked"))

        $(".accountCon .price").show()
        $(".continue-shop .tomore").show()

        $(".totalPrice").text('￥' + account + '.00')
        $(".accountCon .toAccount").addClass("checked")
        if (!this.checked) {
            $(".accountCon .price").hide()
            $(".continue-shop .tomore").hide()

            $(".totalPrice").text("0")
            $(".accountCon .toAccount").removeClass("checked")
        }
    })
    // var single = 0

    function loadAccount(arr) {
        arr.forEach((ele) => {
            account += parseInt(ele.p_total)
            single = ele.p_total
            // console.log(single)
            // account="￥"+account+".00"
        })
    }


    $('input[name="linecheck"]:checked').each(function () {
        var account = "";
        account.push($(this).parent("td").parent("tr").find(".topriceNum").text())
        console.log(account)
    })

    $(".linecheck").on("click", function () {
        var account = "";
    })




    // 数量++
    $("#tab").on("click", ".add", function () {
        var p_num = $(this).parent(".opt").prev("input").val()
        $(this).parent(".opt").prev("input").val(++p_num)

        // data('c_id')jq里头专门用于读取 自定义属性的,不需要写data
        var c_id = $(this).parents("tr").data('c_id');
        $.ajax({
            url: "./api/modify",
            type: "post",
            data: {
                c_id,
                p_num
            }
        }).done((res) => {
            layer.msg(res.msg)
            console.log(res)
        })
        //修改总计
        $(this).parent(".opt").parent("td").next("td").find(".topriceNum").text(
            $(this).parent(".opt").parent("td").prev("td").find("span:eq(1)").text() * p_num)
    })

    // 数量--
    $("#tab").on("click", ".dep", function () {
        // 修改购物车所需参数
        // 1.购物车id,数量
        var p_num = $(this).parent(".opt").prev("input").val()
        if (p_num <= 1) {
            return;
        }
        $(this).parent(".opt").prev("input").val(--p_num)
        // data('c_id')jq里头专门用于读取 自定义属性的,不需要写data
        var c_id = $(this).parents("tr").data('c_id');
        $.ajax({
            url: "./api/modify",
            type: "post",
            data: {
                c_id,
                p_num
            }
        }).done((res) => {
            layer.msg(res.msg)
            console.log(res)
        })
        $(this).parent(".opt").parent("td").next("td").find(".topriceNum").text(
            $(this).parent(".opt").parent("td").prev("td").find("span:eq(1)").text() * p_num)
    })
    // 删除
    $("#tab").on("click", ".del", function () {
        layer.confirm("确定要删除吗", {
            btn: ["确定", "考虑一下"]
        }, (index) => {
            layer.close(index)
            // 根据唯一的条件删除
            var c_id = $(this).parents("tr").data("c_id");
            console.log(c_id)
            $.ajax({
                url: "./api/delete",
                type: "post",
                data: {
                    c_id
                }
            }).then(res => {
                console.log(res)
                layer.msg(res.msg);
                if (res.status == 1) {
                    $(this).parents("tr").remove()
                }
            })
        }, () => {

        })
    })
})